
<!DOCTYPE html>
<html lang="zh">



<head>
  <script>
    window.themeRuntime = {
      root: "/",
      scriptsMap: {},
      init: {
        status: false
      },
      commentRest: {
        status: false
      },
      versions: {
        theme: "2.1.0",
        mdui: "0.4.0",
        fetch: "3.0.0",
        es6promise: "4.2.5+7f2b526d",
        lightgallery: "1.0.1",
        smoothscroll: "15.2.0"
      }
      
    };
    console.info("%cCopyright © 2018 - " + new Date().getFullYear() +" Halyul\n"+'Theme Version: ' + themeRuntime.versions.theme +'%c\nhttps://github.com/Halyul/hexo-theme-mdui',"font-size: 14px;color: #3F51B5;","color: #448AFF;text-decoration: none");
  </script>
  <!--
        © HEXO MDUI Theme
        https://github.com/Halyul/hexo-theme-mdui
        -->

  <meta charset="UTF-8">
  <title>归档 - 随风</title>

  <!-- Favicons -->
  <link rel="icon shortcut" type="image/ico" href="/images/favicon.png">
  <link rel="icon" sizes="192x192" href="/images/favicon.png">
  <link rel="apple-touch-icon" href="/images/favicon.png">

  <!-- Meta & Info -->
  <meta http-equiv="X-UA-Compatible">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <meta name="theme-color" content="#fff">

  <meta name="author" content="张越">
  
  <meta name="keywords" content="blog, hexo, mdui">

  <!--iOS -->
  <meta name="apple-mobile-web-app-title" content="随风">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="480">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">

  <!-- The Open Graph protocol -->
  <meta property="og:url" content="http://zyuegege.gitee.io">
  <meta property="og:type" content="blog">
  <meta property="og:title" content="归档 - 随风 | 随风">
  <meta property="og:image" content="/images/favicon.png" />
  

  

  

  <!-- Import CSS -->
  
    
<link rel="stylesheet" href="/css/mdui.css">

  

  

<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/atom.xml" title="随风" type="application/atom+xml">
</head>


<body class="mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink">

  <style>
    #spinner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          opacity: 1;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
          transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
    }
    main {
      opacity: 0;
      -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
      display: none;
    }
  </style>
  <div id="spinner">
    <style>
      .spinner {

      -webkit-animation: rotator 1.4s linear infinite;
              animation: rotator 1.4s linear infinite;
      }

      @-webkit-keyframes rotator {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
      }
      }

      @keyframes rotator {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
      }
      }

      .path {
      stroke-dasharray: 187;
      stroke-dashoffset: 0;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
              animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
      }

      @-webkit-keyframes colors {
      0% {
        stroke: #4285F4;
      }
      25% {
        stroke: #DE3E35;
      }
      50% {
        stroke: #F7C223;
      }
      75% {
        stroke: #1B9A59;
      }
      100% {
        stroke: #4285F4;
      }
      }

      @keyframes colors {
      0% {
        stroke: #4285F4;
      }
      25% {
        stroke: #DE3E35;
      }
      50% {
        stroke: #F7C223;
      }
      75% {
        stroke: #1B9A59;
      }
      100% {
        stroke: #4285F4;
      }
      }

      @-webkit-keyframes dash {
      0% {
        stroke-dashoffset: 187;
      }
      50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }
      100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
      }
      }

      @keyframes dash {
      0% {
        stroke-dashoffset: 187;
      }
      50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }
      100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
      }
      }
    </style>
    <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
      <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
    </svg>
  </div>

  <main>
    <div class="mdui-appbar mdui-appbar-fixed mdui-color-white mdui-shadow-0 theme-appbar">
  <div class="mdui-toolbar theme-toolbar-top">
    
      <a href="/" class="mdui-btn mdui-btn-icon mdui-ripple theme-appbar__burger theme-appbar__burger--arrow">
        <i class="mdui-icon">
          <span></span>
        </i>
      </a>
    
    <div class="mdui-toolbar-spacer"></div>
    <a href="javascript:;" class="mdui-btn mdui-btn-icon mdui-ripple theme-appbar__mode-switch">
      <i class="mdui-icon material-icons  theme-appbar__bright-mode">&#xe1ac;</i>
      <i class="mdui-icon material-icons  theme-appbar__dark-mode" style="display: none;">&#xe3a7;</i>
    </a>
  </div>
  <div class="mdui-toolbar theme-toolbar-bottom">
    <span class="theme-toolbar-bottom__title">随风</span>
    
      <a href="/search.html" class="mdui-textfield-icon mdui-btn mdui-btn-icon theme-toolbar-bottom__search">
        <i class="mdui-icon material-icons">&#xe8b6;</i>
      </a>
    
  </div>
  <div class="mdui-progress theme-appbar__progress" id="progressBar">
    <div class="mdui-progress-indeterminate"></div>
  </div>
</div>

    <div class="mdui-drawer mdui-drawer-full-height theme-drawer" id="drawer">
  <!-- header -->
  <div class="theme-drawer__header">
  <div class="theme-drawer__header__layer-1">
    <div class="mdui-toolbar theme-toolbar-top">
      
        <a href="javascript:;" class="mdui-btn mdui-btn-icon mdui-ripple theme-appbar__burger theme-appbar__burger--drawer theme-appbar__burger--arrow" id="drawer-back">
          <i class="mdui-icon">
            <span></span>
          </i>
        </a>
      
    </div>
    <div class="mdui-toolbar theme-toolbar-bottom">
      <span class="theme-toolbar-bottom__title">随风</span>
    </div>
  </div>
  <div class="theme-drawer__header__layer-2" style="background-image: url(/images/bg.png)">
    <img class="mdui-img-circle theme-drawer__header__layer-2__user__avatar" src="/images/avatar.png"/>
    <div class="theme-drawer__header__layer-2__user__info">
      <div class="theme-drawer__header__layer-2__user__info__author mdui-text-color-white-text">
        张越
      </div>
      <div class="theme-drawer__header__layer-2__user__info__slogan mdui-text-color-white-secondary">
        I&#39;m your slogan!
      </div>
    </div>
  </div>
</div>

  <div class="theme-drawer__warpper">
    <!-- content -->
    <div class="theme-drawer__warpper__content">
  <ul class="mdui-list">
    <a href="/" class="mdui-list-item mdui-ripple mdui-ripple-white">
      <i class="mdui-list-item-icon mdui-icon material-icons">&#xe88a;</i>
      <div class="mdui-list-item-content">首页</div>
    </a>
    <a href="/archives/" class="mdui-list-item mdui-ripple mdui-ripple-white">
      <i class="mdui-list-item-icon mdui-icon material-icons">&#xe149;</i>
      <div class="mdui-list-item-content">归档</div>
    </a>
    <ul class="mdui-list mdui-collapse" mdui-collapse="{accordion: true}" mdui-collapse>
      
        <div class="mdui-collapse-item ">
          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
            <i class="mdui-list-item-icon mdui-icon material-icons">&#xe86e;</i>
            <div class="mdui-list-item-content">分类</div>
            <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
          </div>
          <div class="mdui-collapse-item-body mdui-list">
            
              <a href="/categories/nginx/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                nginx
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">5</span>
              </a>
            
              <a href="/categories/%E7%A7%8B%E6%8B%9B/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                秋招
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">13</span>
              </a>
            
              <a href="/categories/%E6%B5%8B%E8%AF%95/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                测试
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
          </div>
        </div>
      
      
        <div class="mdui-collapse-item ">
          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
            <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
            <div class="mdui-list-item-content">标签</div>
            <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
          </div>
          <div class="mdui-collapse-item-body mdui-list">
            
              <a href="/tags/nginx/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                nginx
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">5</span>
              </a>
            
              <a href="/tags/c-c/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                c/c++
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">16</span>
              </a>
            
              <a href="/tags/UNIX/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                UNIX
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                网络编程
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                计算机网络
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E9%9D%A2%E7%BB%8F/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                面经
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">10</span>
              </a>
            
              <a href="/tags/%E7%A7%8B%E6%8B%9B/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                秋招
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">11</span>
              </a>
            
              <a href="/tags/leetcode/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                leetcode
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E7%AE%97%E6%B3%95/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                算法
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/mysql/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                mysql
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                数据库
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E7%AE%80%E5%8E%86/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                简历
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/resume/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                resume
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/CV/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                CV
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">1</span>
              </a>
            
              <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="mdui-list-item mdui-ripple mdui-ripple-white" style="display: flex">
                设计模式
                <div style="flex-grow: 1;"></div>
                <span class="theme-menu-badge new mdui-color-theme-accent" data-badge-caption="">4</span>
              </a>
            
          </div>
        </div>
      
      <div class="mdui-collapse-item ">
        <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
          <i class="mdui-list-item-icon mdui-icon material-icons">&#xe916;</i>
          <div class="mdui-list-item-content">年份</div>
          <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
        </div>
        <div class="mdui-collapse-item-body mdui-list">
          
          
            <a href="/archives/2020/" class="mdui-list-item mdui-ripple">
              2020
            </a>
          
        </div>
      </div>
    </ul>
  </ul>
  
    <div class="mdui-divider"></div>
    <ul class="mdui-list" mdui-collapse="{accordion: true}" mdui-collapse>
      
        
          
            <a href="/friends" target="_self" class="mdui-list-item mdui-ripple mdui-ripple-white">
          
              
              
                <i class="mdui-list-item-icon mdui-icon material-icons">&#xe0ba;</i>
              
              
              <div class="mdui-list-item-content">Test1</div>
            </a>
        
      
        
          
            <a href="/apply-for-link" target="_self" class="mdui-list-item mdui-ripple mdui-ripple-white">
          
              
                <i class="mdui-list-item-icon mdui-icon fa fa-child mdui-text-center"></i>
              
              
              
              <div class="mdui-list-item-content">Test2</div>
            </a>
        
      
        
          
            <a href="/galleries" target="_self" class="mdui-list-item mdui-ripple mdui-ripple-white">
          
              
              
                <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
              
              
              <div class="mdui-list-item-content">Test3</div>
            </a>
        
      
        
          <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-ripple-white">
              
              
                <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
              
              
              <div class="mdui-list-item-content">Test4</div>
              <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
              
                
                  <a href="/myfriends" class="mdui-list-item mdui-ripple mdui-ripple-white" target="_self">
                
                    TEST1
                  </a>
              
                
                  <a href="/timeline" class="mdui-list-item mdui-ripple mdui-ripple-white" target="_self">
                
                    TEST2
                  </a>
              
            </div>
          </div>
        
      
    </ul>
  
</div>

    <div class="theme-spacer"></div>
    <!-- footer -->
    <div class="theme-drawer__warpper__footer">
  <div class="mdui-typo mdui-typo-caption-opacity">
    Powered by <a href="http://hexo.io" target="_blank">Hexo</a>
    <br />
    Theme - <a href="//github.com/Halyul/hexo-theme-mdui" target="_blank">Halyul/MDUI</a>
    <br />
    <span>
      Copyright ©
      <span year></span>
      张越
    </span>
    
    
      <br />
      <span>
        最后更新于: 7月 09, 2020
      </span>
    
    
  </div>
</div>
<script type="text/javascript">
  var copyrightNow = new Date().getFullYear();
  var textContent = document.querySelector('span[year]')
  
    textContent.textContent = copyrightNow
  
</script>

  </div>
</div>

    <div id="top"></div>

    
<script src="/js/lightgallery.min.js"></script>


    <div id="barba-wrapper">
      <div class="barba-container"  data-namespace="archive">
        
  
<div class="theme-archive">
  <div class="theme-archive__index">
    <div class="theme-archive__header">
      <div class="theme-archive__header__bg">
        <img class="mdui-img-fluid mdui-img-rounded" src="/images/bg.png"/>
      </div>
      <div class="theme-archive__header__content" style="background-color:#eeeeee">
        <img class="mdui-img-circle theme-archive__header__avatar" src="/images/avatar.png"/>
        <div class="theme-archive__header__info">
          <div class="theme-archive__header__name">
            张越
          </div>
          <div class="theme-archive__header__slogan">
            I&#39;m your slogan!
          </div>
        </div>
        <div class="theme-spacer mdui-hidden-sm-down"></div>
        
          <button class="theme-archive__header__button mdui-btn mdui-color-theme-accent mdui-ripple mdui-btn-raised" mdui-dialog="{target: '#contactDialog'}">联系我</button>
        
      </div>
    </div>
    <div class="theme-archive__items mdui-container-fluid">
      <div class="theme-archive__items__title mdui-text-color-theme-secondary">
        分类
      </div>
      <div class="mdui-row">
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/categories/nginx/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-pink">
                <div class="mdui-card-media" style="background-image: url(/images/random/40.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">nginx</div>
                  <div class="theme-archive__items__length">
                    
                      5 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/categories/%E7%A7%8B%E6%8B%9B/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-orange">
                <div class="mdui-card-media" style="background-image: url(/images/random/35.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">秋招</div>
                  <div class="theme-archive__items__length">
                    
                      13 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/categories/%E6%B5%8B%E8%AF%95/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-teal">
                <div class="mdui-card-media" style="background-image: url(/images/random/35.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">测试</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
      </div>
    </div>
    <div class="theme-archive__items mdui-container-fluid">
      <div class="theme-archive__items__title mdui-text-color-theme-secondary">
        标签
      </div>
      <div class="mdui-row">
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/nginx/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-green">
                <div class="mdui-card-media" style="background-image: url(/images/random/32.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">nginx</div>
                  <div class="theme-archive__items__length">
                    
                      5 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/c-c/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-red">
                <div class="mdui-card-media" style="background-image: url(/images/random/28.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">c/c++</div>
                  <div class="theme-archive__items__length">
                    
                      16 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/UNIX/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-cyan">
                <div class="mdui-card-media" style="background-image: url(/images/random/18.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">UNIX</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-pink">
                <div class="mdui-card-media" style="background-image: url(/images/random/13.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">网络编程</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-orange">
                <div class="mdui-card-media" style="background-image: url(/images/random/28.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">计算机网络</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E9%9D%A2%E7%BB%8F/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-deep-orange">
                <div class="mdui-card-media" style="background-image: url(/images/random/24.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">面经</div>
                  <div class="theme-archive__items__length">
                    
                      10 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E7%A7%8B%E6%8B%9B/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-grey">
                <div class="mdui-card-media" style="background-image: url(/images/random/30.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">秋招</div>
                  <div class="theme-archive__items__length">
                    
                      11 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/leetcode/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-light-blue">
                <div class="mdui-card-media" style="background-image: url(/images/random/6.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">leetcode</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E7%AE%97%E6%B3%95/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-teal">
                <div class="mdui-card-media" style="background-image: url(/images/random/26.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">算法</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/mysql/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-blue-grey">
                <div class="mdui-card-media" style="background-image: url(/images/random/2.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">mysql</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-deep-purple">
                <div class="mdui-card-media" style="background-image: url(/images/random/17.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">数据库</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E7%AE%80%E5%8E%86/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-lime">
                <div class="mdui-card-media" style="background-image: url(/images/random/30.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">简历</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/resume/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-blue">
                <div class="mdui-card-media" style="background-image: url(/images/random/27.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">resume</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/CV/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-green">
                <div class="mdui-card-media" style="background-image: url(/images/random/43.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">CV</div>
                  <div class="theme-archive__items__length">
                    
                      1 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-purple">
                <div class="mdui-card-media" style="background-image: url(/images/random/32.png)"></div>
                <div class="theme-archive__items__content">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">设计模式</div>
                  <div class="theme-archive__items__length">
                    
                      4 篇文章
                    
                  </div>
                </div>
              </div>
            </a>
          </div>
        
      </div>
    </div>
    <div class="theme-archive__items mdui-container-fluid">
      <div class="theme-archive__items__title mdui-text-color-theme-secondary">
        年份
      </div>
      <div class="mdui-row">
        
          
          <div class="mdui-col-xs-6 mdui-col-md-3 theme-archive__items__item">
            <a href="/archives/2020" target="_self" class="theme-link--no-style">
              <div class="mdui-card mdui-color-red">
                <div class="mdui-card-media" style="background-image: url(/images/random/22.png)"></div>
                <div class="theme-archive__items__content theme-archive__items__content--no-length">
                  <img class="mdui-img-circle theme-archive__items__avatar" src="/images/avatar.png" />
                  <div class="theme-archive__items__text-title">2020</div>
                </div>
              </div>
            </a>
          </div>
        
      </div>
    </div>
  </div>
  
    <div class="mdui-dialog" id="contactDialog">
      <div class="mdui-dialog-title">
        如何联系我
      </div>
      <div class="mdui-dialog-content">
        <div class="mdui-list">
          
            <a href="https://twitter.com" title="Twitter" class="mdui-list-item mdui-ripple" target="_blank">
              
                <i class="mdui-list-item-icon mdui-icon fa fa-twitter mdui-text-center"></i>&emsp;
              
              
              
              Twitter
            </a>
          
            <a href="https://facebook.com" title="Facebook" class="mdui-list-item mdui-ripple" target="_blank">
              
              
              
                <i class="mdui-list-item-icon"></i>&emsp;
              
              Facebook
            </a>
          
        </div>
      </div>
      <div class="mdui-dialog-actions">
        <button class="mdui-btn mdui-ripple" mdui-dialog-close>
          关闭
        </button>
      </div>
    </div>
  
  <button id="index-fab" class="mdui-fab mdui-fab-fixed mdui-ripple mdui-color-theme-accent mdui-fab-hide" onclick="smoothScroll.animateScroll( 0 );">
  <i class="mdui-icon material-icons">&#xe5d8;</i>
</button>

</div>
<script type="text/javascript">
  themeRuntime.scriptsMap.archive = [];
  (function() {
    var fabTopFlag = false;
    var fabEl = document.getElementById('index-fab');
    function fabShowHide() {
      var bodyScrolled = document.documentElement.scrollTop || document.body.scrollTop;
      if (bodyScrolled > 0 && !fabTopFlag) {
        fabEl.classList.remove('mdui-fab-hide');
        fabTopFlag = true;
      } else if (bodyScrolled === 0 && fabTopFlag) {
        fabEl.classList.add('mdui-fab-hide');
        fabTopFlag = false;
      }
    }
    fabShowHide()
    window.addEventListener('scroll', fabShowHide);
    var listener = {
      function: fabShowHide,
      event: 'scroll',
      el: window,
      removed: false
    }
    themeRuntime.scriptsMap.archive.push(listener)
  })();
</script>
<script>
    window.addEventListener("scroll", parallaxImg)
    function parallaxImg(){
      var bodyScrolled = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
      document.querySelector('.theme-archive__header__bg img')
        .style.transform = 'translateY(' + bodyScrolled * 0.4 + 'px)';
    }
    var listener = {
      function: parallaxImg,
      event: 'scroll',
      el: window,
      removed: false
    }
    themeRuntime.scriptsMap.archive.push(listener)
</script>




      </div>
    </div>
  </main>

  <div id="outdated" style="z-index: 9999;">
    <h6>你的浏览器已经过气辣！</h6>
    <p>赶紧升级浏览器来访问本站吧！<a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">现在就去</a></p>
    <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="关闭">&times;</a></p>
  </div>
  <!-- import js -->


  
<script src="/js/outdatedbrowser.min.js"></script>




  
    
<script src="/js/js.barba.min.js"></script>

    <script type="text/javascript">
      Barba.Utils.errorPageUrl = '/404.html';
    </script>
  


<!-- theme js -->
<script type="text/javascript">
  (function() {
    var appbarTopFlag = false;
    var appbarEl = document.querySelector('.theme-appbar');
    function appbarShadow() {
      var bodyScrolled = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
      if (bodyScrolled > 0 && !appbarTopFlag) {
        appbarEl.classList.add('theme-appbar--shadow');
        appbarTopFlag = true;
      } else if (bodyScrolled === 0 && appbarTopFlag) {
        appbarEl.classList.remove('theme-appbar--shadow');
        appbarTopFlag = false;
      }
    }
    appbarShadow()
    window.addEventListener('scroll', appbarShadow);
  })();
  (function() {
    function detechTheme() {
      var modeFlag = localStorage.getItem('darkMode');
      // true for dark mode, false for bright mode
      if(modeFlag === "true"){
        document.querySelector('body').classList.add('mdui-theme-layout-dark')
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#212121")
        return true
      } else if(!window.matchMedia) {
          return false;
      } else if(window.matchMedia("(prefers-color-scheme: dark)").matches) {
        document.querySelector('body').classList.add('mdui-theme-layout-dark')
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#212121")
          return true;
      } else if(window.matchMedia("(prefers-color-scheme: light)").matches) {
        document.querySelector('body').classList.remove('mdui-theme-layout-dark')
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#fff")
          return false;
      } else {
        return false;
      }
    }
    var modeFlag = detechTheme();
    var modeEl = document.querySelector('.theme-appbar__mode-switch');
    function modeSwitch() {
      if (!modeFlag) {
        // default bright mode, switch to dark mode
        document.querySelector('body').classList.add('mdui-theme-layout-dark');
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#212121")
        localStorage.setItem('darkMode', true);
        modeFlag = true;
      } else {
        // dark mode, switch to bright mode
        document.querySelector('body').classList.remove('mdui-theme-layout-dark');
        document.querySelector('meta[name="theme-color"]').setAttribute("content", "#fff")
        localStorage.setItem('darkMode', false);
        modeFlag = false;
      }
    }
    modeEl.addEventListener('click', modeSwitch);
  })();
</script>






<script type="text/javascript">
  document.querySelector('body').classList.add('theme-loaded')
</script>




</body>
</html>
